<!--suppress CssUnusedSymbol -->
<template>
  <div>
    <el-menu
      active-text-color="#dc143c"
      background-color="#fdf6ec"
      default-active="userManage"
      router
      :default-openeds="[1]"
    >
      <el-menu-item index="userManage">
        <el-icon><User /></el-icon>
        <span>用户管理</span>
      </el-menu-item>
      <el-menu-item index="requestManage">
        <el-icon><MessageBox /></el-icon>
        <span>申请管理</span>
      </el-menu-item>
      <el-menu-item index="allDockerManage">
        <el-icon><Connection /></el-icon>
        <span>虚拟机管理</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>
<script>
export default {
  name: "managerAside",
};
</script>

<style>
/*尽量避免使用submenu，会把页面撑爆*/
.el-menu {
  height: calc(calc(100vh) - 50px);
}
</style>
